<include file="../Home/Default/Public/head" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
			
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/User/css/user-account@ad8880b9db7e6a933e12142c1d68629d.css">
    <script src="./【去哪儿网】账号设置_files/jquery-1.7.2.js"></script>
    <script src="./【去哪儿网】账号设置_files/user-account@8024052a1795fabf8118ba738ea41c0f.js"></script>
    <title>用户订单</title>
    <link href="__PUBLIC__/Admin/css/hwLayer.css" rel="stylesheet" type="text/css" />

<!--账号设置-->
<div class="l_s175m770 clr_after">
    <!--账号查询-->
    <div class="l_s175">
      	<div class="q_ucsidebar q_ucsidebar_user_exp">
         	<link data-hfstamp="20161012173924" id="hf-style-sidebar" data-hffile="ucsidebar_setting_styles" rel="stylesheet" href="__PUBLIC__/User/css/ucsidebar_setting@cc3a81fbb12c2bcd46de44e7ac195d50.css">
	        <ul>
	         	<li class="q_ucsidebar_traveller"><a href="{:U('User/Index/index')}">账号信息</a></li> 
	         	<li class="q_ucsidebar_binding"><a href="{:U('User/Orders/index')}">历史订单</a></li> 
	        </ul>
      	</div>
    </div>
    <!--大div-->
	<div class="l_m770 g-main-ctn">
	<div id="g-main-ctn" avalonctrl="main">
		<!--订单信息-->
		<div id="m-us-block-basic" class="g-us-block m-us-block-basic" avalonctrl="basic">
			<div class="content-body" style="height:auto">
				<foreach name="orders" key="k" item="v">
					<eq name="v.type" value="0">
						<table border="1px solid black" border-collapse="collapse" width="100%" style="text-align:center;">
							<tr>
								<td width="10%">下单日期</td>
								<td width="20%">订单编号</td>
								<td width="25%">酒店房型</td>
								<td width="20%">入住/退房时间</td>
								<td width="10%">价值</td>
								<td width="15%">操作</td>
							</tr>
							<tr>
								<td>{$v.order_time|date="Y-m-d",###}</td>
								<td>{$v.oid}</td>
								<td>{$details[$k]["hotel"]} - {$details[$k]["type"]}</td>
								<td>{$details[$k]["checkin"]|date="Y/m/d",###} - {$details[$k]["checkout"]|date="Y/m/d",###}</td>
								<td>{$v.price}</td>
								<td>
									<eq name="v.status" value="0">
										<a href="{:U('/User/Orders/info')}?oid={$v.id}">支付</a>
									<else />
										<eq name="v.comment_times" value="0">
											<a href="{:U('/User/Comments')}?id={$v.id}">评论</a>
									</eq>
									<a href="{:U('/User/Orders/del')}?id={$v.id}">删除</a>
								</td>
							</tr>
						</table><br />
					<else />
						<table border="1px solid black" border-collapse="collapse" width="100%" style="text-align:center;">
							<tr>
								<td width="10%">下单日期</td>
								<td width="20%">订单编号</td>
								<td width="20%">主题景点</td>
								<td width="10%">游园日期</td>
								<td width="7.5%">成人票</td>
								<td width="7.5%">儿童票</td>
								<td width="10%">价值</td>
								<td width="15%">操作</td>
							</tr>
							<tr>
								<td>{$v.order_time|date="Y-m-d",###}</td>
								<td>{$v.oid}</td>
								<td>{$details[$k]["theme"]} - {$details[$k]["senic"]}</td>
								<td>{$details[$k]["day"]|date="Y/m/d",###}</td>
								<td>{$details[$k]["adult_nums"]}</td>
								<td>{$details[$k]["child_nums"]}</td>
								<td>{$v.price}</td>
								<td>
									<eq name="v.status" value="0">
										<a href="{:U('/User/Orders/info')}?oid={$v.id}">支付</a>
									<else />
										<if condition="$v['comment_times']==0">
											<a href="{:U('/User/Comments')}?id={$v.id}">评论</a>
										</if>
									</eq>
									<a href="{:U('/User/Orders/del')}?id={$v.id}">删除</a>
								</td>
							</tr>
						</table><br />
					</eq>
				</foreach>
			</div>
		</div>
	</div>
	</div>
</div>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	    $(function() {
	        //展示层
	        function showLayer(id) {
	            var layer = $('#' + id),
	                    layerwrap = layer.find('.hw-layer-wrap');
	            layer.fadeIn();
	            //屏幕居中
	            layerwrap.css({
	                'margin-top': -layerwrap.outerHeight() / 2
	            });
	        }

	        //隐藏层
	        function hideLayer() {
	            $('.hw-overlay').fadeOut();
	        }

	        $('.hwLayer-ok,.hwLayer-cancel,.hwLayer-close').on('click', function() {
	            hideLayer();
	        });

	        //触发弹出层
	        $('.show-layer').on('click', function() {
	            var layerid = $(this).data('show-layer');
	            showLayer(layerid);
	        });

	        //点击或者触控弹出层外的半透明遮罩层，关闭弹出层
	        $('.hw-overlay').on('click', function(event) {
	            if (event.target == this) {
	                hideLayer();
	            }
	        });

	        //按ESC键关闭弹出层
	        $(document).keyup(function(event) {
	            if (event.keyCode == 27) {
	                hideLayer();
	            }
	        });
	    });
	</script>
	<div class="clear"></div> 
<include file="../Home/Default/Public/footer" />